<!--
 *                   ___====-_  _-====___
 *             _--^^^#####//      \\#####^^^--_
 *          _-^##########// (    ) \\##########^-_
 *         -############//  |\^^/|  \\############-
 *       _/############//   (@::@)   \############\_
 *      /#############((     \\//     ))#############\
 *     -###############\\    (oo)    //###############-
 *    -#################\\  / VV \  //#################-
 *   -###################\\/      \//###################-
 *  _#/|##########/\######(   /\   )######/\##########|\#_
 *  |/ |#/\#/\#/\/  \#/\##\  |  |  /##/\#/  \/\#/\#/\#| \|
 *  `  |/  V  V  `   V  \#\| |  | |/#/  V   '  V  V  \|  '
 *     `   `  `      `   / | |  | | \   '      '  '   '
 *                      (  | |  | |  )
 *                     __\ | |  | | /__
 *                    (vvv(VVV)(VVV)vvv)
 * 
 *      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 
 *                神兽保佑            永无BUG
 * 
 * @Descripttion: 主应用组件
 * @version: 1.0
 * @Date: 2021-04-20 11:06:21
 * @Author: jekingxu@163.com
 * @LastEditTime: 2022-09-26 12:14:10
 * @Author: jekingxu@163.com
 * @HomePage: https://xuxiaowen.space/vue3-element-admin
 * @Github: https://github.com/xuxiaowengjt
 * 
 -->
<template>
    <!-- 使用 Element Plus 的配置提供器 -->
    <el-config-provider :locale="locales[lang]">
        <!-- 渲染路由视图 -->
        <router-view />
    </el-config-provider>
</template>

<script>
import { defineComponent } from 'vue'
import { ElConfigProvider } from 'element-plus'
import localeZH from 'element-plus/es/locale/lang/zh-cn'
import localeEN from 'element-plus/es/locale/lang/en'
import useLang from '@/i18n/useLang'

// import '@/assets/js/jquery-3.6.0.min.js';
// import '@/assets/js/mouse.min.js';

export default defineComponent({
    components: {
        [ElConfigProvider.name]: ElConfigProvider, // 注册 Element Plus 配置提供器组件
    },
    setup() {
        const { lang } = useLang() // 使用自定义的语言钩子
        return {
            lang, // 当前语言
            locales: {
                'zh-cn': localeZH, // 中文语言包
                en: localeEN, // 英文语言包
            },
        }
    },
    mounted() {
        // 组件挂载后的逻辑
    }
})
</script>

<style lang="scss">
// @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');
// @import '@/assets/style/googlefont.css';
html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  * {
  
    outline: none;
  }
}
</style>
